  html{
  background: url(leaves.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }


.addEvent{

<!--background-color: transparent;-->
display: table-caption;
margin: 0 auto;
border-radius: 25%;
border-width: 0.1em;
border-color: black;

}



h1{
font-size:300%;
}
h2{
font-size:170%;
}
.addEvent:hover{
    background: #262626;
}

.title{
 vertical-align: top;
  text-align: left;
}
.menu{
    border: 1px solid #006;
    background: #FFE0C2;
    border-style: solid;
    border-color: #E0E0FF;
    border-width: 0.3em;
    width: 10em;
    height: 5em;
    font-size:1em;
    border-radius: 10%;
}

.menu:hover {
    background: #262626;
}

.date{
    position: absolute:
    top: 0%;
}


.box{

    position: fixed;
    top: 33%;
    right: 13%;
    z-index: 999;
}

listTitle{
    position: fixed;
    top: 29%;
    right: 12%;
    z-index: 999;

}

center{ <!--center contents-->
    text-align: center;
}

transp {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}




